<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>

    <meta charset="UTF-8"/>
    <meta http-equiv="refresh" content="2"/>
    <title>Welcome</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"/>

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<img src="head.png" style="float:right"/>
<div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1">
    <img src="back.png" height="100%" width="100%"/>
</div>
<div>
    <br/>
    <br/>
    <br/>
    <h1>
        <p>欢迎使用演示</p>
    </h1>

</div>
<div class="container">
    <h2 th:text="${type}">表格</h2>
    <table class="table">
        <thead>
        <tr>
            <th>姓名</th>
            <th>联系方式</th>
            <th>身份证号</th>
            <th>出行次数</th>
            <th>驾龄</th>
            <th>审核时间</th>
            <th>当前分值</th>
            <th>服务评价</th>
            <th>安全评分</th>
            <th>距离</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="driver:${drivers}">
            <td th:text="${driver.name}">王宁</td>
            <td th:text="${driver.phone}">15337172511</td>
            <td th:text="${driver.id}">320721197212255010</td>
            <td th:text="${driver.drivingCnt}">120</td>
            <td th:text="${driver.age}">5</td>
            <td th:text="${driver.examineTime}">2016-7-12</td>
            <td th:text="${driver.score}">12</td>
            <td th:text="${driver.serviceRating}">5</td>
            <td th:text="${driver.securityRating}">10</td>
            <td th:text="${driver.distance}">2.7km</td>
        </tr>

        </tbody>
    </table>
</div>
</body>
</html>